import { ComponentProps, VueComponent } from "vue3-oop"
import { NCard } from 'naive-ui';
import FlexView from "../flex/FlexView"
import styles from './CardView.module.scss'
import { WidgetNode } from '../../../types'
import CardProps from "./CardProps";
import LayoutProps from "../../basic/LayoutProps"

interface IProps {
  widgetNode: WidgetNode
}
export default class CardView extends VueComponent<IProps> {
  static defaultProps: ComponentProps<IProps> = {
    widgetNode: {}
  }

  constructor(
  ) {
    super();
  }

  render() {
    const { widgetNode } = this.props;
    const widgetProps = widgetNode.widgetProps as CardProps;

    return (
      <NCard
        title={"hello"}
      >
        <FlexView
          widgetNode={widgetNode}
        />
      </NCard>
    )
  }
}